﻿<%@ Page Title="" Language="C#" MasterPageFile="~/VideoPage.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="Video_Default" %>

<%@ Register Assembly="PagerControl" Namespace="CutePager" TagPrefix="cc1" %>
<%-- Add content controls here --%>
<asp:Content ID="Content1" ContentPlaceHolderID="VideoHead1" runat="Server">
    <title>
        Video - <%= Common.title %>
    </title>
    <script type='text/javascript' src='js/ViDeo.js'></script>
    <style type="text/css">
        .auto-style1
        {
            width: 100%;
            height: 200px;
            background-color: #ffffff;
            margin-top: 300px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="VideoContent1" runat="Server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <div style="float: left; margin-top: 5px; margin-left: 10px;">
                <div style="float: left">
                    <img src="Images/dltn/caydua.png" border="0"></div>
                <div style="float: right; margin-left: 5px; margin-top: 7px">
                    <div style="font-family: Tahoma; font-size: 12px; color: #bb0009; font-weight: bold">
                        <asp:HyperLink ID="linkHome" runat="server" NavigateUrl="~/" CssClass="linkHome">
                        TRANG CHỦ</asp:HyperLink>
                        » <asp:HyperLink CssClass="linkHome" ID="video1" runat="server" NavigateUrl="~/Video.aspx">VIDEO</asp:HyperLink></div>
                    <div class="date-time">
                        <asp:Literal ID="litNgayCapNhat" runat="server"></asp:Literal></div>
                </div>
            </div>
            <div style="clear: both; margin: 0px;">
            </div>
            <div style="height: 5px">
            </div>
            <div id="Wrapper" onload="chayLucLoad()">
                <div id="phiaBenTrai">
                    <asp:Literal ID="firstVideo" runat="server"></asp:Literal>
                    <asp:Literal ID="tieuDeduoi" runat="server"></asp:Literal>
                </div>
                <div id="phiaBenPhai">
                    <asp:Literal ID="litvideo" runat="server"></asp:Literal>
                </div>
                <br />
                <div class="auto-style1">
                    <div style="background-color: #b90204; height: 3px; width: 100%;">
                        <div style="color: #cacaca; background-color: #cacaca; height: 100%; width: 95%;
                            float: right;">
                        </div>
                    </div>
                    <div style="width: 20%; float: left; padding-top: 10px; margin-left: 10px;">
                        <img src="Images/dltn/videoIcon.png" style="float: left; padding-bottom: 0px;" /><img
                            src="Images/dltn/videoClip.png" style="float: right; padding-bottom: 0px;" />
                    </div>
                    <div style="width: 20%; float: right;">
                        <div class="nav-head-tc" style="color: Maroon; font-weight: bold">
                            <cc1:Pager ID="Pager1" runat="server" PreviousClause="Lùi" NextClause="Tiến" LastClause=""
                                FirstClause="" PageClause="<html><b>Trang </b></html>" ShowResultClause="Hiển thị từ"
                                ShowingResultClause="Đang hiển thị từ" BackToPageClause="Quay lại trang" OfClause=" /"
                                PageSize="12" OnCommand="Pager1_Command" ForeColor="#CC0000" Font-Bold="True" />
                        </div>
                    </div>
                    <div style="clear: both; margin: 0px;">
                    </div>
                    <div style="height: auto; width: 100%; float: left; margin-left: -10px;">
                        <asp:DataList ID="dlVideo" runat="server" RepeatColumns="3" CellSpacing="8" CellPadding="4">
                            <ItemTemplate>
                                <div style="width: 180px; height: 200px; text-align: justify; background-color: #f1f1f1;
                                    background-color: #f1f1f1; padding-top: 2%; padding-left: 5.5%; border-radius: 3px;
                                    -webkit-box-shadow: 5px 5px 5px #c1bebf; -moz-box-shadow: 5px 5px 5px #c1bebf;
                                    box-shadow: 5px 5px 5px #c1bebf; margin-right:15px;">
                                    <asp:HyperLink ID="linkvideo" runat="server" NavigateUrl='<%# "~/" + "Video/" + Eval("Id") + "/" + GetTieuDe(Eval("TieuDe")) + ".aspx" %>'
                                        CssClass="cssLinhkTieuDe">
                                        <asp:Image ID="Image1" Width="170" CssClass="itemViDeo" runat="server" ImageUrl='<%# "http://img.youtube.com/vi/" + Eval("MaCode") + "/0.jpg" %>' />
                                        <center>
                                            <span style="font-weight: bold; color: #c6272c">
                                                <%# Eval("TieuDe").ToString().ToUpper() %></span>
                                        </center>
                                    </asp:HyperLink>
                                    <span style="color: #848181; padding-bottom: 0px;">
                                        <%# Eval("DienGiai").ToString().Length > 65 ? Eval("DienGiai").ToString().Substring(0,65) + "..." : Eval("DienGiai") %></span>
                                </div>
                            </ItemTemplate>
                        </asp:DataList>
                    </div>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>

    <div class="fb-like" data-href="<%# Common.sPathUpLienKet+ HttpContext.Current.Request.Url.AbsolutePath.ToString()%>"
        data-width="630" data-show-faces="true" data-send="true">
    </div>
    <div class="fb-comments" data-href='<%#Common.sPathUpLienKet+ HttpContext.Current.Request.Url.AbsolutePath.ToString()%>'
        data-width="630" data-num-posts="10">
    </div>
</asp:Content>
